{extend name="layout"}
{block name="body"}
<section class="wld-content">
	<div class="page_title">预览订单</div>
	<div class="page_title_obj">
		<a class="go_back" href="{:url('index/index/index')}"><i class="iconfont iconcontract2-fill"></i>返回到工作台</a>

	</div>
    <div class="con_box layui-form">
		<form class="layui-form-type layui-form mainForm" data-auto="true" data-callback="goPay">

		<div class="package-con">
			<p class="package-con-title" style="">确定订单</p>

			<div class="serveList">

				<div class="con_table " >

					<table  class="layui-table table-all table-color" lay-skin="nob" data-export-name="table">

						<thead>
						<tr>

							<th class="text-center">服务套餐</th>
							{if $package.type eq 1}

							<th class="text-center">服务点数</th>
							{else/}

							<th class="text-center">服务人数</th>
							{/if}

							<th class="text-center">服务时间</th>
							<th class="text-center">服务价格</th>

						</tr>

						</thead>
						<tbody>
							<tr>
								<td>{$package.title|default=''}</td>
								{if $package.type eq 1}

								<td>{$package.point|default='0'}点</td>
								<td>不限</td>
								{else/}

								<td>1~{$package.people|default='0'}人</td>
								<td>{$package.service_time|default=''}</td>
								{/if}


								<td>{$package.price|default='0.00'}</td>
							</tr>

						</tbody>
					</table>
					<div class="button-submit">
						<p>付款金额：<span class="is-bold is-red">{$package.price|default='0.00'}</span></p>
						<button class="layui-btn btn-ok">确定下单</button>
						<input type="hidden" name="id"  value="{$package.id|default='0'}" />
					</div>


				</div>

			</div>

        </div>
		</form>
		<div class="package-con">
			<p class="package-con-title" style="">其他说明</p>
			<div class="renewal-info">

				{if $package.type eq 1}
				<!--续约点数套餐-->

				<p>1.充值付款后请联系您的专属客服核对信息；</p>
				<p>2.充值成功后即可继续使用本产品。</p>				
				{else/}
				<!--续约人数套餐-->

				<p>1.续约付款后请联系您的专属客服核对信息；</p>
				<p>2.续费成功后更新合同周期；</p>
				<p>3.合同周期更新后即可进行下一周期的社保服务</p>
				<p>4.本产品为不提供账单版服务，其他服务价格请咨询客服。</p>
				{/if}
			</div>

		</div>
      
      </div>
  
</section>
{/block}
{block name="script"}
<script>
    $(document).ready(function(){
		$(".package-btn").on("click",function(){
			// $.msg.alert("请联系客服：0311-85289358","购买服务","tips")
			var pid = $(this).attr("data-id")
			window.location.href="/index/index/renewal_details.html?id=" + pid
		})
		
	})
	function goPay(res) {

		if (res.code == 1) {
			$(".btn-ok").attr("disabled","disabled")
			layer.msg(res.info, {
				icon: 1,
				shade: this.shade,
				offset: '80px',
				scrollbar: false,
				end: function (){
					window.location.href="{:url('index/order/payment')}?id=" + res.data.id
				},
				time: 2000,
				shadeClose: true
			});

		} else {
			$.msg.error(res.info)
		}
		return false
	}
</script>
<style>
	.con_box{
		padding-bottom: 0;
	}
	.package-con{
		padding: 25px 25px 0;
	}


	.package-pic span{
	
		font-size: 16px;
	
	}


	.serveList{
		padding: 0 25px;
	}
	.serveList .con_table th{
		background: #F3FBFC;
		font-size: 16px;
		font-weight: bold;
		color: #333333;

		line-height: 65px;
	}
	.serveList .con_table tr td{
		font-size: 14px;
		font-weight: bold;
		color: #61CAD7;
		line-height: 70px;
		text-align: center;
	}
	.package-con-title{
		line-height: 35px;
		
		font-size: 16px;
		font-weight: 600;
		margin-bottom: 5px;
		padding-bottom: 15px;
		/* border-bottom:1px solid #e2e2e2 ; */
		position: relative;
		padding-left: 15px;
	}
	.package-con-title::after{
		content: "";
		display: block;
		width: 5px;
		height: 20px;
		position: absolute;
		top: 8px;
		left: 0;
		background-color: rgba(98, 201, 216, 1);
	}
	
	.con_table{
	
		padding-bottom:45px;
	}
	.wld-main section{
		padding-bottom: 50px;
	}

	.button-submit{
		margin-top: 42px ;
		margin-right: 14px ;
		display: flex;
		align-items: center;
		justify-content: flex-end;

	}
	.button-submit button{
		margin-left: 46px;
		width: 142px;
		height: 44px;
		line-height: 44px;
		background: #61CAD7;
		box-shadow: 0px 4px 16px 0px rgba(97,202,215,0.3600);
		border-radius: 10px;

		font-size: 16px;
		font-weight: bold;
		color: #FFFFFF;
	}
	.button-submit p{
		font-size: 16px;
		font-weight: bold;
		color: #FE2121;
	}
	.renewal-info p{
		padding-left: 15px;
		font-size: 14px;
		color: #666666;
		line-height: 32px;
	}
	.renewal-info{
		padding-bottom: 100px;
	}
</style>
{/block}